/* define width of table. IE browsers only                 */
table.datagrid{
/*	width: 766px;*/
	border-spacing: 0;
}


/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body table.datagrid {
/*	width: 766px;*/
	border-spacing: 0;
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.datagrid {
	height: 200px;
	overflow: auto;
	width: 766px;
}

/*bordering*/
thead.datagrid th {
	background: #C0C0C0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-weight: bold;
	padding: 2px 3px 3px 4px;
	text-align: center;
	vertical-align:top;
}


/*bordering*/
tfoot.datagrid td {
	background: #C0C0C0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-weight: bold;
	padding: 2px 3px 3px 4px;
	text-align: center;
	vertical-align:top;
}

tbody.datagrid td {
	background: #FFFFFF;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: none;
	padding: 2px 3px 3px 4px;
	vertical-align:top;
}

